<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>排行榜</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet/less" href="../css/common.less">
  <link rel="stylesheet/less" href="../css/rank.less">
</head>

<body>
  <header class="header_common">
    <div class="bg_nav">
      <nav>
        <a href=""><img src="../images/home/three_hr.png" alt=""></a>
        <ul>
          <li><a href="">我的</a></li>
          <li><a href="">推荐</a></li>
          <li><a href="">发现</a></li>
        </ul>
        <a href=""><img src="../images/home/serach_icon.png" alt=""></a>
      </nav>
    </div>
    <ul class="nav_menu">
      <li><a href="../index.html">首页</a></li>
      <li><a href="./omnibus.html">精选集</a></li>
      <li><a href="./rank.html">排行榜</a></li>
      <li><a href="">电台</a></li>
      <li><a href="../html/refer_mv.html">MV</a></li>
    </ul>
  </header>
  <div class="big_box">
    <div class="h2_box">
      <h2>虾米官方版</h2>
    </div>
    <div class="list_box">
      <div class="list">
        <div class="list_right">
          <p>
            <img src="../images/rank/rank_pic1.png" alt="">
            <a href=""><img src="../images/rank/play_icon.png" alt=""></a>
          </p>
          <span>
            <h3>新歌榜</h3>
            <ul>
              <li>1.成都-赵雷</li>
              <li>2.Fine-太妍</li>
              <li>3.Cover Up-太妍</li>
            </ul>
          </span>
        </div>
        <a href=""><img src="../images/rank/next_icon.png" alt=""></a>
      </div>
    </div>
    <div class="list_box">
      <div class="list">
        <div class="list_right">
          <p>
            <img src="../images/rank/rank_pic2.png" alt="">
            <a href=""><img src="../images/rank/play_icon.png" alt=""></a>
          </p>
          <span>
            <h3>热歌榜</h3>
            <ul>
              <li>1.成都-赵雷</li>
              <li>2.小幸运-田馥甄</li>
              <li>3.刚好遇见你-李玉刚</li>
            </ul>
          </span>
        </div>
        <a href=""><img src="../images/rank/next_icon.png" alt=""></a>
      </div>
    </div>
    <div class="list_box">
      <div class="list">
        <div class="list_right">
          <p>
            <img src="../images/rank/rank_pic3.png" alt="">
            <a href=""><img src="../images/rank/play_icon.png" alt=""></a>
          </p>
          <span>
            <h3>原创榜</h3>
            <ul>
              <li>1.成都-赵雷</li>
              <li>2.叁玖素材-赵雷</li>
              <li>3.下完这场鱼-后弦</li>
            </ul>
          </span>
        </div>
        <a href=""><img src="../images/rank/next_icon.png" alt=""></a>
      </div>
    </div>
  </div>
  <div class="big_box">
    <div class="h2_box">
      <h2>全球媒体榜</h2>
    </div>
    <div class="list_box">
      <div class="list">
        <div class="list_right">
          <p>
            <img src="../images/rank/rank_pic4.png" alt="">
            <a href=""><img src="../images/rank/play_icon.png" alt=""></a>
          </p>
          <span>
            <h3>美国Billboard单曲榜</h3>
            <ul>
              <li>1.Shape or You-Ed Sheeran</li>
              <li>2.I Don’t Wanna Live Forever...</li>
              <li>3.Bad and Boujee-Migos;Lil...</li>
            </ul>
          </span>
        </div>
        <a href=""><img src="../images/rank/next_icon.png" alt=""></a>
      </div>
    </div>
  </div>
  <footer>
    <div class="container">
      <div class="left">
        <a href="">
          <img src="../images/home/footer_pic.png" alt="">
          <span>
            <h2>Tomorrow</h2>
            <h3>Avril Lavigne</h3>
          </span>
        </a>
      </div>
      <div class="right">
        <a href=""><img src="../images/home/footer_icon1.png" alt=""></a>
        <a href=""><img src="../images/home/footer_icon2.png" alt=""></a>
      </div>

    </div>
    <div class="bar">
      <span></span>
      <span></span>
    </div>
  </footer>
</body>
<script src="../js/less.min.js" type="text/javascript"></script>

</html>